    let province=$("#province")
      let city=$("#city")
      let area=$("#area")
      //  遍历citys数组,完成省份的注入
      citys.forEach(item=>{
        //   console.log(item.provinceName)
        // 生成option
        $(`<option>${item.provinceName}</option>`).appendTo($("#province"))
      })
      citys[0].mallCityList.forEach(item=>{
          $(`<option>${item.cityName}</option>`).appendTo($("#city"))
      })
      citys[0].mallCityList[0].mallAreaList.forEach(item=>{
          $(`<option>${item.areaName}</option>`).appendTo($("#area"))
      })
      //  下拉菜单的onchange()事件,当下拉框的option被点击切换时，触发change事件，this为该下拉框
      province.change(function(){
          console.log(this)
         // 当触发事件时，调用城市跟随的函数,并且改变this指向为province即当前触发事件的元素的下拉框
         cityfollow.call(this)
        //  当触发事件时，调用区县跟随的函数,并且改变this指向为city的下拉框，注意指向应为节点。
         areafollow.call(city[0])
      }) 
      city.change(function(){
          areafollow.call(this)
      })
      // 城市跟随
      function cityfollow(){
        //   清空开始的内容
          city.html("")
        //   当前选中的选项再在该下拉框的下标
          let index=this.selectedIndex
        //   全局变量，方便下面使用
          mallCityList=citys[index].mallCityList
        //   console.log(mallCityList)
         mallCityList.forEach(item=>{
            $(`<option>${item.cityName}</option>`).appendTo($("#city"))
         })
      }  
      // 区县跟随
      function areafollow(){
        //   注意防止叠加，先清空内容
          area.html("")
          let index1=this.selectedIndex
          console.log(index1)
          let mallAreaList=mallCityList[index1].mallAreaList
          console.log(mallAreaList)
          mallAreaList.forEach(item=>{
              $(`<option>${item.areaName}</option>`).appendTo($("#area"))
          })
      }  